<section class="vbox">
	<header class="header bg-white b-b b-light">
		<p><i class="fa fa-edit text-muted m-r-xs"></i>新增角色权限</p>
		<a class="text-muted pull-right m-t pointer" data-toggle="back" title="返回"><i class="fa fa-reply"></i></a>
	</header>
	<section class="scrollable  wrapper">



		<section class="panel panel-default">
			<div class="panel-body">

				<form class="form-horizontal form-validate" method="post" action="/api/form/ajaxform">
					<div class="form-group">
						<label class="col-sm-2 control-label must">角色名称</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" name="name" data-rule-required="true" />
						</div>

					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label">用户名：</label>
						<div class="col-sm-4 controls">
							<input type="text" class="form-control"  name="username" data-rule-required="true" value="" data-rule-remote="<?php echo \Yii::$app->urlManager->createUrl("user/checkname"); ?>">
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label must">角色描述</label>
						<div class="col-sm-3">
							<textarea rows="4" class="form-control" name="info" data-rule-required="true" style="margin: 0px -277px 0px 0px; width: 605px; height: 214px;"></textarea>
						</div>

					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label must">有效状态</label>
						<div class="col-sm-8">
							<label class="radio-inline"><input type="radio" name="status" data-rule-required="true"/>正常使用</label>
							<label class="radio-inline"><input type="radio" name="status" data-rule-required="true"/>禁止使用</label>
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">可见权限</label>
						<div class="col-sm-9">
							<section class="panel panel-default ">
								<div class="table-responsive">
									<table class="table m-b-none">
										<tbody>
										<tr>
											<td rowspan="5" class="b-r v-middle b-light"><label class="checkbox-inline"><input type="checkbox" id="first1" class="js_first" />V店配置</label></td>

											<td rowspan="3" class="b-r v-middle b-light">
												<label class="checkbox-inline"><input type="checkbox" data-fid="first1" id="second1" class="js_first1 js_second" />店铺装饰</label>
											</td>
											<td>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second1" class="js_second1 js_first1 js_third" />模板管理查看</label>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second1" class="js_second1 js_first1 js_third" />模板管理增删改</label>
											</td>

										</tr>
										<tr>
											<td>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second1"  class="js_second1 js_first1 js_third"/>导航管理查看</label>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second1"  class="js_second1 js_first1 js_third"/>导航管理增删改</label>
											</td>

										</tr>
										<tr>
											<td>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second1"  class="js_second1 js_first1 js_third"/>美图管理查看</label>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second1"  class="js_second1 js_first1 js_third"/>美图管理增删改</label>
											</td>

										</tr>
										<tr>
											<td class="b-r b-light">
												<label class="checkbox-inline"><input type="checkbox" data-fid="first1" id="second2" class="js_first1 js_second"/>支持银行</label>
											</td>
											<td>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second2" class="js_second2 js_first1 js_third" />查看</label>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second2" class="js_second2 js_first1 js_third" />增删改</label>
											</td>
										</tr>
										<tr>
											<td class="b-r b-light">
												<label class="checkbox-inline"><input type="checkbox" data-fid="first1" id="second3" class="js_first1 js_second"/>支持物流</label>
											</td>
											<td>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second3" class="js_second3 js_first1 js_third" />查看</label>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second3" class="js_second3 js_first1 js_third" />增删改</label>
											</td>
										</tr>
										<tr>
											<td class="b-r b-light">
												<label class="checkbox-inline"><input type="checkbox" id="first2" class="js_first" />权限管理</label>
											</td>

											<td class="b-r b-light">
												<label class="checkbox-inline"><input type="checkbox" data-fid="first2" id="second4" class="js_first2 js_second"/>角色管理</label>
											</td>
											<td>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second4" class="js_second4 js_first2 js_third" />查看</label>
												<label class="checkbox-inline"><input type="checkbox" data-fid="second4" class="js_second4 js_first2 js_third" />增删改</label>
											</td>
										</tr>
										</tbody>

									</table>
								</div>
							</section>
						</div>

					</div>

					<div class="form-group">
						<div class="col-sm-4 col-sm-offset-2">
							<button type="submit" class="btn btn-primary" data-loading-text="保存中...">保存</button>
							<button type="button" class="btn btn-default" data-toggle="back">取消</button>
						</div>
					</div>
			</div>
			</form>
			</div>
		</section>



	</section>
</section>
<script type="text/javascript">
	seajs.use(["dist/application/app.js", "dist/roles/init.js"]);
</script>